.menlist {
  background-color: #304056;
  overflow-x: hidden;
  overflow-y: auto;
}

.menuIcon {
  margin-right: 10px;
}

:global(.ant-menu-root > .ant-menu-item-selected:first-child) {
  color: #fff;
}

:global(.ant-menu-root > .ant-menu-item:first-child:hover) {
  color: #fff;
}

:global(.ant-menu-submenu-popup > .ant-menu) {
  background-color: #304056;
}

:global(.ant-menu) {
  color: #d8d8d8;
  max-height: calc(100vh - 80px);
  border-right: 0;

  :global(.ant-menu-sub.ant-menu-inline > .ant-menu-item) {
    height: 56px;
  }
  // 背景颜色
  :global(.ant-menu-submenu-title:active) {
    background: #304056;
  }

  :global(.ant-menu-sub.ant-menu-inline) {
    background-color: #304056;
  }

  :global(.ant-menu-item-selected::after) {
    display: none;
  }

  :global(.ant-menu-item:not(:last-child)) {
    margin-bottom: 0;
  }

  :global(.ant-menu-item-selected) {
    color: #5584ff;
    background-color: #28394d !important;
  }

  :global(.ant-menu-item:active) {
    background: #304056;
  }
  // 字体颜色
  :global(.ant-menu-item:hover) {
    color: #5584ff;
  }

  :global(.ant-menu-item) {
    fill: currentcolor;
    width: 100%;
    height: 56px;
    line-height: 56px;
    margin-top: 0;
  }

  :global(.ant-menu-submenu-active) {
    color: #fff;
  }

  :global(.ant-menu-submenu-title:hover) {
    color: #fff;
  }

  :global(.ant-menu-submenu-title) {
    fill: currentcolor;
    width: 100%;
    height: 56px !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  :global(.ant-menu-submenu-arrow) {
    color: #d8d8d8;
  }

  :global(.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow) {
    color: #fff;
  }

  :global(.ant-menu-submenu-selected) {
    color: #fff;
  }
}
